<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>banner详情展示</title>
</head>
<head th:include="frame/fm/res :: owlCss"/>
<head>
    <script th:inline="JavaScript">
        var itemList = [[${itemList}]];
        var bannerName = [[${bannerName}]];
    </script>
</head>
<body>
<!--角色管理列表页-->
<div>
    <!-- Main Content -->
    <div class="page-wrapper">
        <div class="container-fluid">
            <span th:replace="frame/fm/res :: breadcrumb"></span>
            <!-- Row -->
            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default card-view">
                        <div class="panel-heading">
                            <div class="pull-left">
                                <h6 class="panel-title txt-dark" id="bnName"></h6>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="panel-wrapper collapse in">
                            <div  class="panel-body">

                                <!-- START carousel-->
                                <div id="carousel-example-captions" data-ride="carousel" class="carousel slide mt-40">
                                    <ol class="carousel-indicators" id="olBn">
                                        <!--<li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
                                        <li data-target="#carousel-example-captions" data-slide-to="1"></li>
                                        <li data-target="#carousel-example-captions" data-slide-to="2"></li> -->
                                    </ol>
                                    <div role="listbox" class="carousel-inner" id="listBox">
                                        <!-- <div class="item active">
                                            <img th:src="${application.staticUrl}+'base/banner/img/img1.jpg'" alt="First slide image"/>
                                            <div class="carousel-caption">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <img th:src="${application.staticUrl}+'base/banner/img/img2.jpg'" alt="Second slide image"/>
                                            <div class="carousel-caption">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <img th:src="${application.staticUrl}+'base/banner/img/img3.jpg'" alt="Third slide image" />
                                            <div class="carousel-caption">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                            </div>
                                        </div> -->
                                    </div>
                                    <a href="#carousel-example-captions" role="button" data-slide="prev" class="left carousel-control"> <span aria-hidden="true" class="fa fa-angle-left"></span> <span class="sr-only">Previous</span> </a> <a href="#carousel-example-captions" role="button" data-slide="next" class="right carousel-control"> <span aria-hidden="true" class="fa fa-angle-right"></span> <span class="sr-only">Next</span> </a>
                                </div>
                                <!-- END carousel-->
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>

<span th:include="frame/fm/res :: owlJs"></span>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/banner/js/bannerInfo.js'"></script>
</html>